<div class="body"
     style="width: 100mm;height: 150mm;box-sizing: border-box;font-family: 'Microsoft YaHei UI Light', sans-serif">
  <div style="font-size: 26pt;padding-right: 3mm;text-align: right;position: relative;">
    <b>{{data?.pro_code}}</b>
  </div>
  <div style="font-size: 6pt;width: 100%;padding-left: 20mm;box-sizing: border-box;">
    <span style="margin-left: 3mm">ZJ</span>
    <span style="margin-left: 3mm">第一次打印</span>
    <span style="margin-left: 3mm">{{date.day}}</span>
    <span style="margin-left: 3mm">{{date.time}}</span>
  </div>
  <div style="text-align: center;padding-top: 1mm;padding-bottom: 2mm">
    <svg class="barcode" style="width: 90mm;display: inline-block"></svg>
  </div>

  <div style="text-align: center;font-size: 10pt;font-family: Microsoft YaHei,sans-serif">
    <span style="margin-right: 5mm">1/1</span>{{serialText}}
  </div>

  <div style="border: 1px solid #000;margin: 2mm 2mm 0;box-sizing: border-box;">
    <!--      <div style="font-size: 30pt;white-space: nowrap"><b>755W-BA-012345678</b></div>-->
    <div style="white-space: nowrap;text-align: center;font-family: Microsoft YaHei, sans-serif"
         [ngStyle]="{fontSize: data?.dest_route_label.length>11?'22pt':'30pt'}">
      <b>{{data?.dest_route_label}}</b>
    </div>
    <div
      style="border-bottom: 1px solid #000;position: relative;padding-left: 11mm;padding-right: 19mm;font-size: 8pt;min-height: 10mm;font-family: SimSun,sans-Serif">
      <img src="../../../../../../../assets/images/sf/receive.png"
           style="width: 7mm;height: 7mm;margin: 0 2mm;position: absolute;left: 0;top: 0" alt="">
      <div>
        <div>{{data?.consignee}}<span style="margin-left: 5mm">{{data?.tel}}</span></div>
        <div>{{data?.address}}</div>
      </div>
      <img src="../../../../../../../assets/images/sf/COD.jpg"
           style="width: 17mm;height: 9mm;position: absolute;right: 0;top: 0" alt="">
    </div>

    <div style="border-bottom: 1px solid #000;display: flex;flex-direction: row">
      <div style="display: inline-block;width: 35mm;height: 26mm;border-right: 1px solid #000">
        <div style="border-bottom: 1px solid #000;text-align: center;font-size: 9pt;line-height: 6mm">{{data?.payMethod===2?'寄付月结':'到付'}}</div>
        <!--        <div style="font-size: 40pt;text-align: center"><b>{{data?.coding_mapping}}</b></div>-->
        <div style="font-size: 40pt;text-align: center"><b></b></div>
      </div>
      <div
        style="width: 33mm;height: 26mm;border-right: 1px solid #000;display: inline-flex;flex-direction: row;align-items: center;justify-content: center">
        <div id="qrcode" style="width: 25mm;height: 25mm"></div>
      </div>
      <div
        style="display: inline-block;width: 10mm;height: 26mm;border-right: 1px solid #000;font-size: 20pt;position: relative">
        <div
          style="display: flex;flex-direction: column;justify-content: space-between;align-items: center;line-height: 8mm">
          <span>已</span>
          <span>验</span>
          <span>视</span>
        </div>
        <!--        <b style="display: flex;flex-direction: column;align-items: center;justify-content: space-around;line-height: 20pt">-->
        <!--          已<br>-->
        <!--          验<br>-->
        <!--          视<br>-->
        <!--        </b>-->
      </div>
      <div style="display: inline-block;width: 22mm;height: 26mm;">
        <div style="border-bottom: 1px solid #000;text-align: center;font-size: 9pt">
          <div style="line-height: 10mm;font-family: SimSun,sans-serif">{{data?.pro_name}}</div>
          <!--          <div>KC24</div>-->
        </div>
        <div style="font-size: 30pt;text-align: center;font-family: Microsoft YaHei,sans-serif"><b>1A</b></div>
      </div>
    </div>

    <div style="border-bottom: 1px solid #000;position: relative;padding-left: 11mm;font-size: 8pt;height: 11mm">
      <img src="../../../../../../../assets/images/sf/send.png"
           style="width: 7mm;height: 7mm;margin: 0 2mm;position: absolute;left: 0;top: 1mm" alt="">
      <div style="margin-top: 2mm">
        <div>{{data?.addresser?.contacts}}<span style="margin-left: 5mm;">{{data?.addresser?.tel}}</span></div>
        <div
          style="overflow-x: hidden;white-space: nowrap;margin-top: 1mm">{{data?.addresser?.region}}{{data?.addresser?.address}}</div>
      </div>
    </div>

    <div
      style="border-bottom: 1px solid #000;display: flex;flex-direction: row;font-size: 8pt;">
      <div style="display: inline-block;width: 50%;height: 24mm;border-right: 1px solid #000">
        <div>
          托寄物：手机{{data?.number > 1 ? '*' + data?.number : ''}}
        </div>
      </div>
      <div style="display: inline-block;width: 50%;height: 24mm;font-size: 8pt">
        <div style="border-bottom: 1px solid #000;height: 11mm">
          增值服务：
        </div>
        <div>
          <div>
            计费重量：
          </div>
          <div>
            费用合计：
          </div>
          <div>
            付款方式：
          </div>
        </div>
      </div>
    </div>
    <div style="display: flex;flex-direction: row;font-size: 8pt;">
      <div style="display: inline-block;width: 50%;height: 20mm;border-right: 1px solid #000">
        备注
      </div>
      <div style="display: inline-block;width: 50%;height: 20mm;">
        订单图片
      </div>
    </div>

  </div>
</div>
